@charset "utf-8";

/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

li {
    list-style: none;
}

img {
    border: 0px;
}

:hover {
    transition: 0.5s all
}

a {
    text-decoration: none;
    color: #333333;
    transition: 0.4s all
}

a:hover {
    color: #cf000d;
}

input {
    outline: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

body {
    min-width: 1400px;
    font-family: "微软雅黑";
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    background: #fff;
    overflow-x: hidden;
}


/* CSS Header */


/* CSS Header */

#header {
    width: 100%;
    min-width: 1200px;
    background: #fff;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 99
}

.topbar {
    width: 100%;
    height: 44px;
    border-bottom: 1px #e1e1e1 solid;
}

.topbar .mid {
    width: 1200px;
    height: 44px;
    color: #999999;
    line-height: 44px;
    margin: 0 auto
}

.topbar .mid a {
    color: #999999;
    display: inline-block;
}

.topbar .mid a:hover {
    color: #cf000d
}

.topbar .right a {
    padding: 0 24px;
    border-right: 1px #e1e1e1 solid;
}

.top {
    width: 1200px;
    height: 115px;
    margin: 0 auto;
    position: relative;
}

.logo {
    padding-top: 23px;
    float: left;
}

.toptel {
    width: 325px;
    height: 60px;
    line-height: 27px;
    font-size: 15px;
    margin-top: 30px;
    float: right;
    background: url(../images/toptel.jpg) right center no-repeat;
}

.toptel .p01 {
    color: #666666;
}

.toptel .p01 b {
    color: #cf000d;
    font-size: 22px
}

.toptel .p02 {
    width: 188px;
    height: 24px;
    background: #cf000d;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-left: 73px
}

.bannerbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 98
}

.banner {
    width: 1920px;
    height: 350px;
    left: 50%;
    margin-left: -960px;
    background: url(../images/banner.jpg) no-repeat;
    position: relative;
}

.inbanner {
    width: 1920px;
    height: 148px;
    left: 50%;
    margin-left: -960px;
    background: url(../images/inbn.jpg) no-repeat;
    position: relative;
}


/* CSS Footer */

.foot {
    width: 100%;
    min-width: 1200px;
    height: 276px;
    background: #fff;
    border-bottom: 1px #e1e1e1 solid;
    border-top: 1px #e1e1e1 solid
}

.foot .mid {
    padding-top: 62px;
    line-height: 26px;
    color: #333333
}

.foot .mid a {
    color: #333333;
    display: block;
}

.foot .mid a:hover {
    color: #cf000d
}

.foot .left {
    width: 580px;
}

.foot .left li {
    width: 145px;
    float: left;
}

.foot .left li span {
    color: #000;
    font-weight: bold;
    padding-bottom: 8px;
    line-height: 35px;
    display: block;
}

.foot .inmid {
    width: 270px;
    float: left;
    text-align: center;
}

.foot .inmid li {
    width: 110px;
    line-height: 52px;
    margin-right: 22px;
    float: left;
}

.foot .inmid li img {
    width: 110px;
    height: 110px;
    background: #dddddd;
    display: block;
}

.foot .right {
    width: 338px;
    height: 196px;
    position: relative;
}

.foot .right p {
    color: #333333;
    line-height: 32px
}

.foot .right p span {
    color: #cf000d;
    font-size: 25px
}

.fticp {
    width: 100%;
    height:125px;
    background: #fff;
}

.fticp .mid {
    line-height: 28px;
    color: #333333;
    padding-top: 20px;
}

.fticp .mid a {
    color: #333333;
}

.fticp .mid a:hover {
    color: #cf000d;
}


/* CSS Main */

#wrap {
    width: 100%;
    min-width: 1200px;
    height: auto;
    position: relative;
    z-index: 98;
    overflow: hidden;
    margin: 0 auto;
}

#main {
    width: 1200px;
    height: auto;
    position: relative;
    z-index: 98;
    overflow: hidden;
    margin: 0 auto;
}

.mid {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.index01 {
    width: 100%;
    height: 54px;
    line-height: 54px;
    color: #666666;
    font-size: 15px;
    border-bottom: 1px #e1e1e1 solid;
    position: relative;
}

.index01 .left a {
    color: #666666;
    padding-right: 26px
}

.index01 .left a:hover {
    color: #cf000d;
}

.index01 .searchbox {
    width: 290px;
    height: 55px;
    background: #f57f01;
    position: absolute;
    right: 0;
    top: 0
}

.index01 .searchbox .search-btn {
    width: 80px;
    height: 55px;
    background: url(../images/search.png) center no-repeat;
    border: none;
    position: absolute;
    right: 0px;
    top: 0
}

.index01 .searchbox .search-btn:hover {
    background: url(../images/searchh.png) center no-repeat;
}

.index01 .searchbox .search-text {
    line-height: 55px;
    height: 55px;
    font-family: "微软雅黑";
    color: #f8cc9b;
    background: none;
    border: none;
    padding-left: 38px
}

.index02 {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    position: relative;
}

.index02 .left {
    width: 485px;
    height: 466px;
    position: relative;
}

.index02 .left .p01 {
    font-size: 32px;
    line-height: 60px;
    color: #333333;
    font-weight: bold;
    padding-top: 64px;
}

.index02 .left .p02 {
    font-size: 26px;
    color: #333333;
    /* padding-top: 18px; */
    margin-left: -20px;
}

.index02 .left .p03 {
    font-size: 15px;
    line-height: 26px;
    padding-top: 18px;
}

.index02 .left .p04 {
    width: 100%;
    height: 114px;
    padding-top: 10px;
}


.index02 .left .p04 li {
    width: 240px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
    color: #333333;
    float: left;
}

.index02 .left .p04 li span {
    width: 45px;
    height: 57px;
    margin-right: 12px;
    display: inline-block;
    float: left;
}

.index02 .left .more {
    width: 144px;
    height: 40px;
    background: url(../images/more.png) center no-repeat #cf000d;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
}

.index02 .right {
    width: 654px;
    height: 358px;
    margin-top: 78px;
    background: url(../images/video.jpg) bottom no-repeat;
    position: relative;
}

.index03 {
    width: 100%;
    height: 900px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.index03 .intitle {
    width: 1200px;
    height: 150px;
    text-align: center;
    margin: 0 auto
}

.index03 .intitle .p01 {
    color: #333333;
    font-size: 45px;
    font-weight: bold;
    line-height: 74px
}

.index03 .intitle .p02 {
    color: #333333;
    font-size: 16px;
    line-height: 40px
}

.index03 .intitle .p02 a {
    color: #333333;
    padding: 0 15px
}

.index03 .intitle .p02 a:hover {
    color: #cf000d;
}

.index03 .probox {
    width: 100%;
    height: 750px;
    background: #f57f00;
    margin: 0 auto;
    position: relative;
}

.index03 .probox .probg {
    width: 50%;
    height: 750px;
    background: #333333;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1
}

.index04 {
    width: 100%;
    height: 859px;
    margin: 0 auto;
    position: relative;
}

.index04 .intitle {
    width: 1200px;
    height: 240px;
    text-align: center;
    margin: 0 auto
}

.index04 .intitle .p01 {
    color: #333333;
    font-size: 45px;
    font-weight: bold;
    line-height: 74px;
    padding-top: 63px
}

.index04 .intitle .p02 {
    color: #999999;
    font-size: 15px;
    line-height: 22px;
    padding-top: 10px
}

.index04 .process {
    width: 1200px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.index04 .process span {
    height: 70px;
    color: #fff;
    font-size: 22px;
    padding: 0 20px;
    background: #cf000d;
    margin: 0 6px;
    border-radius: 35px;
    display: inline-block;
}

.index04 .midbox {
    width: 1200px;
    height: 502px;
    margin: 0 auto
}

.index04 .midbox .intxt {
    width: 400px;
    height: 251px;
    position: relative;
    overflow: hidden;
}

.index04 .midbox .inpic {
    width: 400px;
    height: 251px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.index04 .midbox .inpic img {
    width: 400px;
    min-height: 251px;
    transition: 0.4s all;
    position: relative;
    z-index: 1
}

.index04 .midbox .left:hover img {
    transform: scale(1.08);
}

.index04 .midbox .left {
    width: 400px;
    height: 502px;
    color: #fff;
    background: #cf000d;
    overflow: hidden;
}

.index04 .midbox .left p {
    width: 312px;
    font-size: 15px;
    line-height: 20px;
    margin: 0 auto;
    color: #fbb1b1;
}

.index04 .midbox .left p span {
    font-size: 18px;
    line-height: 36px;
    display: block;
    padding-top: 8px;
    color: #fff;
}

.index04 .midbox .left .more {
    width: 104px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
    color: #fff;
    border: 1px #fff solid;
    display: block;
    margin-top: 22px;
}

.index04 .midbox .left .more:hover {
    width: 110px;
    background: #333333;
    border: 1px #333333 solid;
}

.index04 .midbox .right {
    width: 800px;
    height: 502px;
    overflow: hidden;
}

.index04 .midbox .right li {
    width: 100%;
    height: 251px;
    background: #ededed;
    overflow: hidden;
}

.index04 .midbox .right li:nth-of-type(odd) .inpic {
    float: left;
}

.index04 .midbox .right li:nth-of-type(odd) .intxt {
    float: right;
}

.index04 .midbox .right li:nth-of-type(even) .inpic {
    float: right;
}

.index04 .midbox .right li:nth-of-type(even) .intxt {
    float: left;
}

.index04 .midbox .right li .morebt {
    width: 200px;
    height: 40px;
    font-size: 22px;
    color: #fff;
    border: 3px solid;
    border-color: rgba(255，255，255，0.6);
    text-align: center;
    line-height: 40px;
    position: absolute;
    left: 93px;
    top: 100px;
    z-index: 9
}

.index04 .midbox .right li .morebt:hover {
    background: #cf000d;
    border: 3px #cf000d solid
}

.index04 .midbox .inpic .tr {
    width: 23px;
    height: 35px;
    background: url(../images/tr.png) no-repeat;
    position: absolute;
    top: 44px;
    z-index: 2
}

.index04 .midbox .right li:nth-of-type(odd) .inpic .tr {
    right: 0
}

.index04 .midbox .right li:nth-of-type(even) .inpic .tr {
    transform: rotate(180deg);
    left: 0
}

.index04 .midbox .right li:hover img {
    transform: scale(1.05);
}

.index04 .midbox .right .intxt p {
    width: 312px;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin: 0 auto
}

.index04 .midbox .right .intxt p span {
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    display: block;
}


.index04 .midbox .right .intxt p .more {
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: 28px;
    border-radius: 14px;
    border: 1px #949494 solid;
    background: url(../images/morejoin.png) right center no-repeat;
    display: block;
    margin-top: 27px;
    position: relative;
    overflow: hidden;
}

.index04 .midbox .right .intxt p .more:hover {
    width: 102px;
    background: url(../images/morejoinh.png) right center no-repeat #cf000d;
    border: 1px #cf000d solid;
    color: #fff;
}

.index04 .midbox .right .intxt p .more span {
    right: 28px;
    color: #fff;
    line-height: 28px;
    font-size: 15px;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.4s all
}

.index04 .midbox .right .intxt p .more:hover span {
    opacity: 1
}

.index05 {
    width: 100%;
    height: 525px;
    background: #f8f8f8;
    margin: 0 auto;
    position: relative;
}

.index05 .left {
    width: 600px;
    height: 525px;
    position: relative;
}

.index05 .left div {
    position: absolute;
}

.index05 .left div img {
    width: 100%
}

.index05 .left .honor01 {
    width: 322px;
    height: 181px;
    left: 166px;
    top: 58px
}

.index05 .left .honor02 {
    width: 200px;
    height: 140px;
    left: 0px;
    top: 172px
}

.index05 .left .honor03 {
    width: 130px;
    height: 73px;
    left: 305px;
    top: 258px
}

.index05 .left .honor04 {
    width: 165px;
    height: 93px;
    left: 122px;
    top: 322px
}

.index05 .left .honor05 {
    width: 166px;
    height: 92px;
    left: 373px;
    top: 339px
}

.index05 .right {
    width: 600px;
    height: 456px;
    position: relative;
}

.index05 .right .p01 {
    color: #333333;
    font-size: 45px;
    font-weight: bold;
    line-height: 70px;
    padding-top: 40px
}

.index05 .right .p02 {
    color: #999999;
    font-size: 30px;
    line-height: 42px;
    padding-top: 26px
}

.index05 .right .p02 b {
    font-size: 40px;
    color: #cf000d;
}

.index05 .right .p03 {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
    padding-top: 34px
}

.index05 .right .more {
    width: 144px;
    height: 40px;
    background: url(../images/more.png) center no-repeat #cf000d;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
}

.index06 {
    width: 1200px;
    height: 480px;
    margin: 0 auto;
    position: relative;
}

.index06 .left {
    width: 485px;
    height: 391px;
    position: relative;
}

.index06 .left .p01 {
    font-size: 45px;
    line-height: 60px;
    color: #333333;
    font-weight: bold;
    padding-top: 50px;
}

.index06 .left .p02 {
    font-size: 22px;
    color: #333333;
    padding-top: 30px;
}

.index06 .left .p03 {
    font-size: 15px;
    line-height: 26px;
    color: #999999;
    padding-top: 29px;
}

.index06 .left .more {
    width: 144px;
    height: 40px;
    background: url(../images/more.png) center no-repeat #cf000d;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
}

.index06 .right {
    width: 654px;
    height: 358px;
    margin-top: 58px;
    background: #dddddd;
    overflow: hidden;
    position: relative;
}

.index06 .right img {
    width: 654px;
    height: 358px;
    display: block;
}

.index07 {
    width: 100%;
    height: 560px;
    background: #f8f8f8;
    margin: 0 auto;
    position: relative;
}

.index07 .right {
    width: 489px;
    height: 442px;
    position: relative;
}

.index07 .right .p01 {
    font-size: 45px;
    line-height: 60px;
    color: #333333;
    font-weight: bold;
    padding-top: 50px;
}

.index07 .right .p02 {
    font-size: 22px;
    color: #333333;
    padding-top: 30px;
}

.index07 .right .p03 {
    font-size: 15px;
    line-height: 22px;
    color: #999999;
    padding-top: 18px;
}

.index07 .right .innews {
    width: 100%;
    height: auto;
    padding-top: 26px;
    overflow: hidden;
}

.index07 .right .innews li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.index07 .right .innews li a {
    font-size: 16px;
    color: #999999;
}

.index07 .right .innews li a:hover {
    color: #cf000d
}

.index07 .right .more {
    width: 144px;
    height: 40px;
    background: url(../images/more.png) center no-repeat #cf000d;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
}

.index07 .left {
    width: 654px;
    height: 358px;
    margin-top: 66px;
    background: #dddddd;
    overflow: hidden;
    position: relative;
}

.index07 .left img {
    width: 654px;
    min-height: 358px;
}


/*mycss about us*/

.comtitle {
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #333333;
    font-size: 22px;
    background: url(../images/comtitle.jpg) left center no-repeat
}

.comtitle span {
    padding-left: 40px;
    font-size: 30px;
    color: #292929;
    padding-right: 68px
}

.comtitle .m {
    color: #666666;
    font-size: 16px;
    padding: 0 22px
}

.comtitle .m:hover {
    color: #cf000d
}

.com01 {
    width: 1920px;
    height: 713px;
    background: url(../images/com01.jpg) no-repeat #161616;
    left: 50%;
    margin-left: -960px;
    position: relative;
}
.com01 .bg{width: 1920px;height: 713px;left: 0;top: 0;background: rgba(0,0,0,0.75); position: absolute;z-index: 1}
.com01 .left {
    width: 470px;
    position: relative;
    z-index: 2
}

.com01 .commenu {
    width: 1200px;
    height: 76px;
    line-height: 70px;
    text-align: center;
    padding-top: 28px;
    border-bottom: 1px #6e6e6e solid;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.com01 .commenu a {
    font-size: 16px;
    color: #fff;
    padding: 0 48px;
}

.com01 .commenu a:hover {
    color: #cf000d
}

.com01 .cominfo {
    width: 1200px;
    height: 310px;
    color: #fff;
    padding-top: 80px;
    border-bottom: 1px #484848 solid;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.com01 .cominfo .p01 {
    height: 94px;
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
}

.com01 .cominfo .p02 {
    width: 445px;
    height: 56px;
    background: #fff;
    color: #292929;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    line-height: 56px;
}

.com01 .cominfo .p03 {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    padding-top: 26px;
}

.com01 .comtxt {
    color: #898989;
    font-size: 15px;
    line-height: 26px;
    padding-top: 57px;
    position: relative;z-index: 2
}

.com01 .right {
    width: 730px;
}

.com01 .right img {
    padding-left:32px
}

.com_prof {
    width: 100%;
    height: 462px;
    margin: 0 auto
}

.com_prof .left {
    width: 560px;
    height: 370px;
    position: relative;
}

.com_prof .left .p01 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
    padding-top: 22px
}

.com_prof .left .p02 {
    padding-top: 16px
}

.com_prof .left .more {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px #949494 solid;
    background: url(../images/morejoin.png) right center no-repeat;
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    transition: 0.4s all
}

.com_prof .left .more:hover {
    width: 102px;
    background: url(../images/morejoinh.png) right center no-repeat #cf000d;
    border: 1px #cf000d solid;
    color: #fff;
}

.com_prof .left .more span {
    right: 28px;
    position: absolute;
    top: 0
}

.com_prof .right {
    width: 538px;
    height: 328px;
    background: url(../images/commap.jpg) bottom no-repeat;
    position: relative;
}

.com_prof .right .dot1 {
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    left: 194px;
    top: 204px;
    display: none;
    border-radius: 50%;
    z-index: 2
}

.com_prof .right .dot2 {
    width: 16px;
    height: 16px;
    background: #dd555d;
    position: absolute;
    left: 188px;
    top: 198px;
    border-radius: 50%;
    z-index: 1;
    display: none;
    animation: circle 1s linear infinite;
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@keyframes circle {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

.comvideo {
    width: 1200px;
    height: 527px;
    padding-top: 43px;
    margin-left: 50px;
    position: relative;
}

.comvideo .v {
    width: 141px;
    height: 121px;
    top: 0;
    right: 50px;
    background: url(../images/v.jpg) no-repeat;
    position: absolute;
    z-index: 9
}

.comcultrue {
    width: 100%;
    height: 570px;
}

.comcultrue p {
    line-height: 28px;
    padding-left: 218px
}

.comcultrue .comcul {
    width: 813px;
    height: 286px;
    background: url(../images/cul.jpg) no-repeat;
    margin-left: 215px;
    margin-top: 38px;
    position: relative;
}

.comcultrue .comcul div {
    position: absolute;
}

.comcultrue .comcul .c01 {
    width: 131px;
    height: 131px;
    left: 0;
    top: 1px;
    background: url(../images/c01.png) no-repeat;
}

.comcultrue .comcul .c02 {
    width: 120px;
    height: 120px;
    left: 78px;
    top: 143px;
    background: url(../images/c02.png) no-repeat;
}

.comcultrue .comcul .c03 {
    width: 120px;
    height: 120px;
    left: 200px;
    top: 24px;
    background: url(../images/c03.png) no-repeat;
}

.comcultrue .comcul .c04 {
    width: 164px;
    height: 164px;
    left: 311px;
    top: 121px;
    background: url(../images/c04.png) no-repeat;
}

.comcultrue .comcul .c05 {
    width: 134px;
    height: 134px;
    left: 440px;
    top: 0px;
    background: url(../images/c05.png) no-repeat;
}

.comcultrue .comcul .c06 {
    width: 120px;
    height: 120px;
    left: 570px;
    top: 119px;
    background: url(../images/c06.png) no-repeat;
}

.comcultrue .comcul .c07 {
   /* width: 120px;
    height: 120px;
    right: 0;
    top: 15px;
    background: url(../images/c07.png) no-repeat;*/
    width: 120px;
    height: 120px;
    left: 200px;
    top: 25px;
    background: url(../images/c07.png) no-repeat;
}

.com_event {
    height: 578px;
}

.com_event .mid {
    padding-top: 59px
}

.com_event .left {
    width: 654px;
    height: 358px;
    background: #dddddd;
    overflow: hidden;
}

.com_event .left img {
    width: 654px;
    height: 358px;
}

.com_event .right {
    width: 486px;
    height: 354px;
    position: relative;
}

.com_event .right li {
    width: 100%;
    height: auto;
    padding-bottom: 18px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.com_event .right li b {
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    background: url(../images/dot.jpg) left center no-repeat;
    padding-left: 30px;
    display: block;
}

.com_event .right li span {
    font-size: 18px;
    display: block;
}

.com_event .right li p {
    padding-top: 12px
}

.com_event .right .more {
    width: 28px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px #949494 solid;
    background: url(../images/morejoin.png) right center no-repeat;
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
}

.com_event .right .more:hover {
    width: 102px;
    background: url(../images/morejoinh.png) right center no-repeat #cf000d;
    border: 1px #cf000d solid;
    color: #fff;
}

.com_event .right .more span {
    right: 28px;
    position: absolute;
    top: 0
}

.com_honor {
    width: 100%;
    height: 605px;
    margin: 0 auto
}

.com_honor p {
    width: 925px;
    padding-top: 42px;
    padding-left: 40px;
    line-height: 25px;
    color: #666666
}

.com_pic {
    width: 100%;
    height: 720px;
}

.com_pic .mid {
    height: 620px;
    padding-top: 48px;
    overflow: hidden;
}

.com_pic .comleft {
    width: 604px;
    height: 620px
}

.com_pic .comleft .up {
    width: 604px;
    height: 305px;
    background: url(../images/pic011.jpg) no-repeat;
}

.com_pic .comleft .down {
    width: 604px;
    height: 305px;
    margin-top: 9px;
    background: url(../images/pic020.jpg) no-repeat;
}

.com_pic .comright {
    width: 590px;
    height: 620px
}

.com_pic .comright .up {
    width: 590px;
    height: 220px
}

.com_pic .comright .up .inpic {
    width: 290px;
    height: 220px;
}

.com_pic .comright .down {
    width: 590px;
    height: 390px;
    margin-top: 9px;
    background: url(../images/pic05.jpg) no-repeat;
}

.news04 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news04 li {
    height: 182px;
    /* float: left; */
    margin: 10px auto;
    background: #fff;
    padding: 20px 20px;
    /* border: 1px #dddddd solid; */
    overflow: hidden;
}

.news04 li .imgbox {
    width: 240px;
    height: 180px;
    background: #fff;
    border: 1px #dddddd solid;
    overflow: hidden;
    float: left;
}

.news04 li .imgbox img {
    width: 278px;
    height: 208px;
}

.news04 li .imgtxt {
    width: 880px;
    height: 182px;
    font-size: 15px;
    line-height: 28px;
    color: #666666;
    overflow: hidden;
    float: right;
    padding-right: 15px;
    position: relative;
}

.news04 li .imgtxt span {
    font-size: 20px;
    line-height: 50px;
    color: #333333;
    display: block;
}

.news04 li .imgtxt .more {
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: 28px;
    border-radius: 14px;
    border: 1px #949494 solid;
    background: url(../images/morejoin.png) right center no-repeat;
    display: block;
    margin-top: 27px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.news04 li .imgtxt .more:hover {
    width: 102px;
    background: url(../images/morejoinh.png) right center no-repeat #cf000d;
    border: 1px #cf000d solid;
    color: #fff;
}

.news04 li .imgtxt .more span {
    right: 28px;
    color: #fff;
    line-height: 28px;
    font-size: 15px;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.4s all
}

.news04 li .imgtxt .more:hover span {
    opacity: 1
}


/*对比图*/

.db01 {
    width: 100%;
    height: auto;
    padding: 20px 0;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    overflow: hidden;
}

.db01 span {
    line-height: 60px;
    font-weight: bold;
    color: #ea1719;
    font-size: 24px;
    display: block;
}

.db02 {
    width: 700px;
    height: auto;
    text-align: center;
    overflow: hidden;
    margin: 0 auto
}

.db02 img {
    width: 320px;
    height: auto;
    display: block;
}

.db02 b {
    line-height: 40px;
}

.db02 .left {
    width: 320px;
}

.db02 .right {
    width: 320px
}


/* CSS news */

.news01 {
    width: 1200px;
    height: 460px;
    padding-top: 30px;
    overflow: hidden;
}

.news01 li {
    width: 399px;
    height: 433px;
    background: #fff;
    margin-right: 1px;
    float: left;
    overflow: hidden;
    top: 0;
    position: relative;
    transition: 0.4s all
}

.news01 li:hover {
    box-shadow: 0 5px 9px 3px rgba(0, 0, 0, 0.1);
    top: -8px;
}

.news01 li .imgbox {
    width: 360px;
    height: 200px;
    background: #ededed;
    margin: 0 auto;
    margin-top: 18px;
    overflow: hidden;
}

.news01 li .imgbox img {
    width: 360px;
    min-height: 200px;
    display: block;
    transition: 0.4s all
}

.news01 li .imgbox:hover img {
    transform: scale(1.06);
}

.news01 li .txt {
    width: 338px;
    height: 170px;
    line-height: 20px;
    color: #898989;
    font-size: 14px;
    margin: 0 auto;
    padding-top: 17px;
    overflow: hidden;
    position: relative;
}

.news01 li .txt a {
    font-size: 18px;
    line-height: 35px;
    display: block;
}

.news01 li .txt span {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
    display: block;
}

.news01 li .txt .more {
    width: 32px;
    height: 32px;
    left: 0;
    bottom: 0;
    background: url(../images/brt.png) center no-repeat #e1e1e1;
    border-radius: 50%;
    position: absolute;
    transition: 0.4s all
}

.news01 li .txt .more:hover {
    background: url(../images/brt.png) center no-repeat #cf000d
}

.news02 {
    width: 1228px;
    height: auto;
    overflow: hidden;
    padding-top: 8px;
}

.news02 li {
    width: 379px;
    height: 222px;
    background: #fff;
    margin-right: 28px;
    margin-bottom: 24px;
    top: 0;
    float: left;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: 0.4s all;
    position: relative;
}

.news02 li:hover {
    box-shadow: 0 5px 9px 3px rgba(0, 0, 0, 0.1);
    top: -8px;
}

.news02 li .txt {
    width: 310px;
    height: 211px;
    color: #898989;
    line-height: 20px;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.news02 li .txt span {
    font-size: 18px;
    line-height: 28px;
    padding-top: 24px;
    padding-bottom: 2px;
    display: block;
}

.news02 li .txt a {
    font-size: 18px;
    line-height: 35px;
    padding-bottom: 16px;
    display: block;
}

.news02 li .txt .more {
    left: 0;
    bottom: 0;
    font-size: 14px;
    position: absolute;
}

.news03 {
    width: 1228px;
    height: auto;
    padding-top: 8px;
    overflow: hidden;
}

.news03 li {
    width: 264px;
    height: 260px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    top: 0;
    position: relative;
    transition: 0.4s all
}

.news03 li:hover {
    box-shadow: 0 5px 9px 3px rgba(0, 0, 0, 0.1);
    top: -8px;
}

.news03 li span {
    color: #898989;
    line-height: 30px;
    font-size: 16px;
    padding-top: 20px;
    display: block;
}

.news03 li .imgbox {
    width: 264px;
    height: 198px;
    overflow: hidden;
}

.news03 li .imgbox img {
    width: 264px;
    height: 198px;
    transition: 0.4s all
}

.news03 li .imgbox img:hover {
    transform: scale(1.05);
}


/*招商加盟12-15*/
.tuandui {
    clear: both;
    height:1290px;
    width: 970px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.tuandui-left {
    float: left;
    height: 980px;
    width: 470px;
}
.tuandui-right {
    float: right;
    height:980px;
    width: 500px;
}
.bt0 {
    float: left;
    height: 150px;
    width: 450px;
}
.bt-top {
    float: left;
    height: 150px;
    width: 450px;
}
#sz {
    float: left;
    height: 60px;
    width: 50px;
    padding-right: 10px;
}
.bt_01 {
    width: 390px;
    height: 50px;
    float: left;
    line-height:50px;
    font-size:26px;
    color: #cf000d;
    font-weight: 600;
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CCC;
    border-bottom-color: #CCC;
    margin-top:6px;
}
.bt_bot {
    float: right;
    height: 80px;
    width: 400px;
    font-family: "微软雅黑";
    line-height: 23px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pro_s {
    float: left;
    height:325px;
    width: 450px;
    background: url(../images/j001.png) center no-repeat;
    background-size: 80% auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cuoweit {
    float: right;
    height: 295px;
    width: 410px;
}
.t1 {
    float: left;
    height: 200px;
    width: 300px;
    position: relative;
}
.t2 {
    float: left;
    height: 200px;
    width: 300px;
    position: relative;
    top: -96px;
    left: 120px;
}
.bt2 {
    float: right;
}
.di {
    float: right;
    height: 148px;
    width: 400px;
    margin-top: 10px;
}
.di ul li {
    float: left;
    height: 140px;
    width: 190px;
    list-style-type: none;
    margin: 3px;
}
.jlist {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto
}

.jlist li {
    width: 280px;
    height: 160px;
    line-height: 24px;
    color: #555555;
    font-size: 15px;
    float: left;
    padding: 30px;
    background: rgba(255, 255, 255, .9);
    border-radius: 10px;
    margin: 20px 18px;
    box-shadow: 0 5px 9px 3px rgba(0, 0, 0, 0.1);
    transition: 0.4s all
}

.jlist li:hover {
    /*margin-top: 10px*/
}

.jlist li span {
    font-size: 16px;
    color: #cf000d;
    line-height: 40px;
    display: block;
}


/*子页面*/

.submenu {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: #e0e0e0
}

.submenu .left {
    width: 970px;
}

.submenu .left a {
    font-size: 16px;
    color: #000;
    padding: 0 24px;
    display: inline-block;
}

.submenu .left a:hover {
    color: #cf000d
}

.submenu .left .selected {
    color: #fff;
    background: #cf000d
}

.submenu .searchbox {
    width: 230px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0
}

.submenu .searchbox .search-btn {
    width: 50px;
    height: 58px;
    background: url(../images/search2.png) center no-repeat;
    border: none;
    position: absolute;
    right: 0px;
    top: 0
}

.submenu .searchbox .search-btn:hover {
    background: url(../images/search2h.png) center no-repeat;
}

.submenu .searchbox .search-text {
    line-height: 58px;
    text-align: center;
    height: 58px;
    font-family: "微软雅黑";
    color: #666666;
    background: none;
    border: none;
}


/*page right button*/

.bt {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    border: 1px #f1f1f1 solid;
    margin: 0 5px;
    float: left;
    box-shadow: 0 5px 9px 3px rgba(0, 0, 0, 0.1);
}

.arr_pre {
    cursor: pointer;
    background: #e0e0e0 url(../images/arr.png) no-repeat -4px -7px;
    transition: 0.4s all;
}

.arr_pre:hover {
    background: #cf000d url(../images/arr.png) no-repeat -57px -7px;
}

.arr_next {
    cursor: pointer;
    background: #e0e0e0 url(../images/arr.png) no-repeat -61px -57px;
    transition: 0.4s all;
}

.arr_next:hover {
    background: #cf000d url(../images/arr.png) no-repeat -8px -57px;
}

.arr_list {
    background: #e0e0e0 url(../images/list.png) no-repeat center -57px;
    transition: 0.4s all;
}

.arr_list:hover {
    background: #cf000d url(../images/list.png) no-repeat center -7px;
}

.after {
    display: none;
}


/*product*/

.cpleft {
    width: 965px;
    height: auto;
    overflow: hidden;
    float: right;
}

.pbox01 {
    width: 100%;
 
    overflow: hidden;
}

.pbox01 .pimg {
    width: 490px;
    height: 470px;
    border: 1px #d4d4d4 solid;
    overflow: hidden;
}

.pbox01 .pimg img {
    max-width: 490px;
    max-height: 470px;
    display: block;
    margin: 0 auto
}

.pbox01 .ptxt {
    width: 432px;
    height: 520px;
    overflow: hidden;
    position: relative;
}

.pbox01 .ptxt .p01 {
    height:60px;
    color: #333333;
    font-size: 25px;
    line-height: 34px;
    border-bottom: 1px #969696 dashed;
    position: relative;
}

.pbox01 .ptxt .p01 .more {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 38px;
    line-height: 20px;
}

.pbox01 .ptxt .p02 {
    font-size: 15px;
    line-height:30px;
    color: #666666;
    padding-top: 10px;
}

.pbox01 .ptxt .p02 span {
    color: #333333
}

.pbox01 .ptxt .p03 {
    width: 100%;
    height: 48px;
    padding-top: 27px;
    border-top: 1px #969696 dashed;
    margin-top: 28px;
}

.pbox01 .ptxt .p03 .pbt {
    width: 160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-right: 14px;
    display: block;
}

.pbox01 .ptxt .p03 .b01 {
    background: #cf000d;
    border: 1px #cf000d solid;
    color: #fff
}

.pbox01 .ptxt .p03 .b02 {
    border: 1px #c7c7c7 solid;
    color: #666666
}

.pbox01 .ptxt .p04 {
    font-size: 16px;
    color: #333333;
    left: 0;
    /*top: 490px;*/
    position: absolute;
}

.pbox01 .ptxt .p04 b {
    font-size: 20px;
    color: #cf000d
}

.pbox02 {
    width: 965px;
    height: auto;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    padding-top: 20px;
    overflow: hidden;
}

.cpmenu {
    width: 965px;
    height: 58px;
    background: #f6f6f6;
    position: relative;
    z-index: 999
}

.cpmenu li {
    width: 160px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    text-align: center;
    float: left;
}

.cpmenu li a {
    display: block;
}

.cpmenu li a:hover {
    background: #cf000d;
    color: #fff
}

.cpmenu li.selected {
    background: #cf000d;
}

.cpmenu li.selected a {
    color: #fff
}

.pbox02 .cp01 {
    width: 100%;
    height: 125px;
    line-height: 120px;
    text-align: center;
    font-size: 35px;
}

.pbox02 .cpt01 {
    width: 750px;
    height: 90px;
    line-height: 90px;
    border-bottom: 1px #dadada solid
}

.pbox02 .cpt01 span {
    font-size: 23px;
    color: #333333;
    font-weight: bold;
    display: block;
    padding-left: 60px;
}

.cpt02 {
    width: 100%;
    height: 90px;
    line-height: 90px;
    border-bottom: 1px #dadada solid;
    position: relative;
}

.cpt02 span {
    font-size: 23px;
    color: #333333;
    font-weight: bold;
    display: block;
    padding-left: 60px;
}

.cpt02 .more {
    font-size: 15px;
    color: #666666;
    position: absolute;
    right: 0;
    top: 0;
}

.cpt02 .more:hover {
    color: #cf000d;
}

.pbox02 .cptxt01 {
    width: 750px;
    height: auto;
    padding: 25px 0 30px 10px
}

.pbox02 .cptxt02 {
    width: 955px;
    height: auto;
    padding: 25px 0 30px 10px
}

.pbox02 img {
    max-width: 100%;
    padding: 20px 0
}

.pbox03 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pbox03 .p01 {
    width: 945px;
    height: 64px;
    line-height: 64px;
    font-size: 34px;
    text-align: center;
    background: #cf000d;
    color: #fff;
    border-radius: 32px;
}

.pbox03 .p02 {
    width: 947px;
    height: 347px;
    overflow: hidden;
}

.pbox03 .p02 img {
    width: 947px;
    height: 347px;
    padding: 0
}

.pbox03 .p03 {
    width: 945px;
    height: 88px;
    font-weight: bold;
    line-height: 37px;
    font-size: 26px;
    text-align: center;
    color: #333333;
    padding-top: 40px;
}

.pbox03 .p04 {
    width: 100%;
    height: 114px;
    padding-top: 30px;
}

.pbox03 .p04 li {
    width: 240px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.pbox03 .p04 li span {
    width: 45px;
    height: 57px;
    margin-right: 12px;
    display: inline-block;
    float: left;
}

.pbox03 .p05 {
    width: 962px;
    height: 354px;
    color: #333333;
    line-height: 28px;
    font-size: 15px;
    padding-top: 10px;
    overflow: hidden;
}

.pbox03 .p05 img {
    width: 609px;
    height: 354px;
    padding: 0 53px 0 0;
    float: left;
}

.pbox03 .p05 span {
    font-size: 28px;
    line-height: 65px;
    padding-top: 30px;
    font-weight: bold;
    display: block;
}

.pbox03 .p06 {
    width:720px;
    padding-left: 80px;
    line-height: 70px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    background: url(../images/p09.jpg) left center no-repeat;
    margin: 45px auto
}

.pbox03 .p07 {
    width: 777px;
    height: 217px;
    margin: 0 auto
}

.pbox03 .p08 {
    width: 100%;
    height: 160px;
    padding-bottom: 530px;
    padding-top: 40px;
    line-height: 41px;
    font-size: 18px;
    color: #666666;
    text-align: center;
    background: url(../images/in04.jpg) bottom center no-repeat;
}

.pbox04 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px
}

.pbox05 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pbox05 ul {
    padding-top: 30px;
}

.pbox05 li {
    width: 50%;
    height: 35px;
    line-height: 35px;
    float: left;
    overflow: hidden;
}

.pbox05 li a {
    color: #666666;
    font-size: 15px;
}

.pbox05 li a:hover {
    color: #cf000d;
    margin-left: 5px
}


/*contact*/

#allmap {
    width: 1198px;
    height: 325px;
    overflow: hidden;
    border: 1px solid #c9c9c9;
}

.contact_box p {
    padding-bottom: 15px;
}

.contact_box {
    width: 1200px;
    height: auto;
    line-height: 24px;
    color: #898989;
    padding-bottom: 20px;
    margin: 0 auto
}

.contact_box .ctitle {
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 22px;
    color: #cf000d;
    font-weight: bold;
    margin-top: 45px;
    padding-top: 20px;
    border-top: 1px #c9c9c9 solid;
}

.contact_info {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.contact_info span {
    font-size: 22px;
    line-height: 58px;
    color: #cf000d;
    padding-top: 13px;
    display: block;
}

.contact_info li {
    width: 452px;
    height: 31px;
    color: #898989;
    line-height: 31px;
    background: #f1f1f1;
    margin-bottom: 3px;
    padding-left: 20px;
    transition: 0.4s all
}

.contact_info li:hover {
    color: #cf000d;
    padding-left: 25px;
}

.mobile {
    width: 270px;
    height: 200px;
    background: url(../images/inapi.jpg) no-repeat;
    background-size: auto 100%;
    right: 20px;
    top: 40px;
    position: absolute;
}

.ewm {
    left: 560px;
    top: 120px;
    position: absolute;
}

.ewm span {
    font-size: 35px;
    display: inline;
}


/* CSS Ziye */

#title_right {
    width: 1200px;
    height: 72px;
    line-height: 72px;
    color: #999999;
    font-size: 15px;
}

#title_right a {
    color: #999999;
}

#title_right a:hover {
    color: #cf000d;
}

#title_left {
    width: 1200px;
    height: 64px;
    line-height: 34px;
    padding-top: 15px;
    margin: 0 auto
}

#title_left span {
    border-left: 5px #cf000d solid;
    font-size: 30px;
    padding-left: 26px;
    color: #333333;
    display: block;
    float: left;
    padding-right: 30px
}

#title_left .m {
    color: #666666;
    font-size: 16px;
    padding: 0 22px
}

#title_left .m:hover {
    color: #cf000d
}

#title_left .selected {
    color: #cf000d
}

#rightcontent {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#right_bottom {
    width: 100%;
    height: 78px;
}

#newsContent {
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
    line-height: 38px;
    font-size: 16px;
    color: #333333;
}

#newsContent a {
    color: #333333;
}

#newsContent a:hover {
    color: #cf000d;
}

#newsContent img {
    max-width:100%;
    display: block;
    margin: 0 auto;
    padding: 10px 0
}

#newTitle {
    width: 100%;
    line-height: 60px;
    font-weight: normal;
    color: #cf000d;
    font-size: 18px;
    font-family: "微软雅黑";
    text-align: center;
    margin: 0 auto;
}

#productTitle {
    width: 100%;
    height: 60px;
    color: #cf000d;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

#newsInfo {
    width: 100%;
    height: 40px;
    color: #a9aaa9;
    font-size: 12px;
    border-bottom: 1px #d5d3d3 dashed;
    text-align: center;
    margin: 0 auto 20px;
}

.newsinfoleft {
    padding-left: 30px;
}

#infoImage {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

#infoImage img {
    max-width: 500px;
}

.page {
    width: 100%;
    height: 40px;
    padding:10px 0 30px 0;
    text-align: center;
}

.page a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #333333;
    font-size: 20px;
    line-height: 40px;
    background: #dddddd;
}

.page a:hover {
    background: #d2000e;
    color: #fff;
}

.page .current {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #d2000e;
    font-size: 20px;
    color: #fff;
    top: 0px;
    position: relative;
    display: inline-block;
}

#page_num {
    display: none;
}

#picUL {
    width: 965px;
    height: auto;
    padding-left: 1px;
    overflow: hidden;
}

#picUL li {
    width: 238px;
    height: 338px;
    margin-bottom: 20px;
    border: 1px #d0d0d0 solid;
    margin-left: -1px;
    text-align: center;
    overflow: hidden;
    float: left;
}

#picUL li .pic_01 {
    width: 238px;
    height: 258px;
    text-align: center;
}

#picUL li .pic_01 img {
    width: 200px;
    height: 233px;
    padding-top: 10px;
    vertical-align: middle;
    background: #fff;
    display: block;margin: 0 auto;
}

#picUL li .pic_02 {
    width: 240px;
    color: #666666;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}

#picUL li .pic_02 .zx {
    height: 36px;
    font-size: 15px;
    color: #cf000d;
    background: url(../images/zx.png) left center no-repeat;
    padding-left: 26px;
    margin-right: 19px
}

#picUL li .pic_02 .more {
    font-size: 15px;
    color: #cf000d
}

#picUL li .pic_02 a:hover {
    text-decoration: underline;
}

.G_tips {
    color: #666;
    width: 486px;
    border: 1px solid #dedede;
    padding: 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
}


/*******加入*******/

.jobbox {
    width: 895px;
    height: auto;
    margin-top: 10px;
}

.jobbox li {
    width: 895px;
    height: 175px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
}

.jobbox li span {
    line-height: 40px;
    font-size: 18px;
    color: #68b92e;
    font-weight: bold;
    display: block;
    left: 90px;
    top: 22px;
    position: absolute;
}

.jobbox li .descrip {
    width: 550px;
    height: 60px;
    top: 63px;
    left: 90px;
    line-height: 27px;
    font-size: 14px;
    color: #646060;
    position: absolute;
}

.jobbox li .more {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #68b92e;
    color: #fff;
    font-size: 14px;
    right: 60px;
    top: 60px;
    position: absolute;
}

.jobbox li .more:hover {
    background: #ff9904;
    transition: 0.5s all;
}

.jobbox li .num {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #68b92e;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    left: 0;
    top: 0;
    position: absolute;
}

.recruitcon {
    width: 895px;
    height: 173px;
}

.recruitpic {
    width: 132px;
    height: 153px;
    float: left;
}

.recruitconc {
    width: 470px;
    height: 143px;
    padding-left: 50px;
    padding-top: 5px;
    float: left;
}

.recruitconc li {
    width: 372px;
    height: 35px;
    line-height: 35px;
    color: #444444;
}

.apply {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #68b92e;
    color: #fff;
    font-size: 14px;
    margin-top: 50px;
    margin-right: 100px;
    float: right;
}

.apply:hover {
    background: #ff9904;
    transition: 0.5s all;
}

.xxsmys {
    width: 895px;
    height: 36px;
    line-height: 36px;
    border-bottom: 2px #55a61b solid;
}

.xxsmwz {
    width: 100px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    text-align: center;
    display: block;
    background-color: #55a61b;
}


/*订单*/

.formys {
    width: 800px;
    height: auto;
    padding-left: 40px;
    color: #555555;
}

.formmcys {
    float: left;
}

.cpmcys {
    width: 400px;
    height: 34px;
    border: 1px solid #d2d4d6;
    font-family: "微软雅黑";
    color: #555555;
    background: #f9f9f9;
    font-size: 14px;
}

.formbz {
    float: left;
}

.G_InputText {
    width: 400px;
    height: 30px;
    border: 1px solid #d2d4d6;
    background: #f9f9f9;
}

.G_textarea {
    width: 400px;
    height: 100px;
    border: 1px solid #dedede;
    background: #f9f9f9;
}

.G_ul {
    width: 100%;
}

.G_botton {

    width: 55px;

    height: 30px;

    line-height: 30px;

    border: 0;

    background: url(button.gif) no-repeat;

    cursor: pointer;
}

.borderLi {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.G_tips {



    width: 486px;

    margin: 10px auto 0 auto;

    border: 1px solid #dedede;

    padding: 7px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
}


.cpfwnr {
    width: 230px;
    height: 100%;
    overflow: hidden;
}

.cpfwnr dt {
    width: 213px;
    height: 33px;
    display: block;
    padding: 0 0 0 17px;
    background: url(allbg.gif) no-repeat;
    background-position: 0 -137px;
    line-height: 33px;
    font-size: 12px;
    color: #0976b2;
}

.cpfwnr dd {
    width: 190px;
    margin: 0 auto;
    line-height: 2
}

.cpfwnr dt a {
    width: 213px;
    height: 33px;
    display: block;
    padding: 0 0 0 17px;
    background: url(a1.jpg) no-repeat;
    line-height: 33px;
    font-size: 12px;
    color: #0976b2;
}

.cpfwnr dt:hover {
    background: url(allbg.gif) no-repeat;
    background-position: 0 -102px;
    color: #fff;
}

.cpfwnr dd a {
    width: 190px;
    height: 25px;
    line-height: 25px;
    margin: 3px 0 0 0;
    color: #333;
    font-size: 12px;
}

.cpfwnr dd a:hover {
    color: #ff6c00;
}